
import React, { useState } from 'react'
import List from './components/List'

//创建一个可以提供数据的 上下文对象
export const App1Context = React.createContext();//可以接受一个初始值
export const App2Context = React.createContext();//可以接受一个初始值


export default function App() {
  const [count,setCount]=useState(0)

  return (
    <div>
      <h1>count的值是{count}</h1>
      <button onClick={()=>{setCount(count+1)}}>修改</button>
      {/* 共享对象App1Context上有一个Provide属性是一个组件,它可以给组件内部包含的组件提供数据,提供的数据放在value属性上 */}
      <App1Context.Provider value={[1,2,3,4]}>
      <App2Context.Provider value={count}>
      <List/>
      </App2Context.Provider>
      </App1Context.Provider>
    </div>
  )
}
